<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>JS简易日历</title>
    <style>
	#div1 .active{background:yellow;}
	#div1 div{display:none;width:200px;height:200px;background:#CCC;border:1px solid #999;}
    </style>
   <script>
      window.onload=function(){
	    var oDiv=document.getElementById("tab");
	    var aLi=oDiv.getElementsByTagName("li");
	    var oTxt=oDiv.getElementsByTagName("div")[0];
		for(var i=0;i<aLi.length;i++){
		
		}
	  };
   </script> 
</head>
<body>
   <div id="tab" class="calendar">
     <ul>
	    <li class="active">1<h2></h2><p>JAN</p></li>
		<li>2<h2></h2><p>FER</p></li>
		<li>3<h2></h2><p>MAR</p></li>
		<li>4<h2></h2><p>APR</p></li>
		<li>5<h2></h2><p>MAY</p></li>
		<li>6<h2></h2><p>JUN</p></li>
		<li>7<h2></h2><p>JUL</p></li>
		<li>8<h2></h2><p>AUG</p></li>
		<li>9<h2></h2><p>SEP</p></li>
	    <li>10<h2></h2><p>OCT</p></li>
		<li>11<h2></h2><p>NOV</p></li>
		<li>12<h2></h2><p>DEC</p></li>
	 </ul>
	 <div class="text">
	    <h2>1月活动</h2>
		<p>快过年了，大家可以商量着去哪玩吧</p>
	 </div>
   </div>
</body>
</html>